8f:I[903690,["/chat-static/_next/static/chunks/1dg5lxphvq30q.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2af8rj8-3x4jv.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1-wqa4jfubfw7.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0xushjtk7v84v.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/chunks/1dg5lxphvq30q.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/05tf18iq5kc3i.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2af8rj8-3x4jv.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1-wqa4jfubfw7.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/0xushjtk7v84v.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_7SJv5LW6grdeZRSsJ18aQNF8Q7WL"],"SWRDataProvider"] 91:T3e26,[V0_FILE]typescriptreact:file="components/sidebar-nav.tsx" isMerged="true" import { Menu, TableIcon as TableBar, CalendarRange, Truck, Calculator, Settings, LogOut } from "lucide-react" import { Button } from "@/components/ui/button" const navItems = [ { icon: Menu, label: "Menu", color: "text-green-600" }, { icon: TableBar, label: "Table Services", color: "text-gray-600" }, { icon: CalendarRange, label: "Reservation", color: "text-gray-600" }, { icon: Truck, label: "Delivery", color: "text-gray-600" }, { icon: Calculator, label: "Accounting", color: "text-gray-600" }, { icon: Settings, label: "Settings", color: "text-gray-600" }, ] export function SidebarNav() { return (

CHILI POS

) } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isMerged="true" import { Search, Share2 } from "lucide-react" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" export function Header() { return (

Table 4 Floyd Miles

) } [V0_FILE]typescriptreact:file="components/category-filter.tsx" isEdit="true" isMerged="true" import { Grid, Coffee, Soup, UtensilsCrossed, ChefHat, Sandwich } from "lucide-react" const categories = [ { icon: Grid, label: "All", items: "235 Items", active: true }, { icon: Coffee, label: "Breakfast", items: "19 Items" }, { icon: Soup, label: "Soups", items: "8 Items" }, { icon: UtensilsCrossed, label: "Pasta", items: "14 Items" }, { icon: ChefHat, label: "Main Course", items: "27 Items" }, { icon: Sandwich, label: "Burges", items: "13 Items" }, ] export function CategoryFilter() { return (

{categories.map((category, index) => (

{category.label} {category.items}

))}

) } [V0_FILE]typescriptreact:file="components/dining-mode.tsx" isMerged="true" import { Button } from "@/components/ui/button" const modes = ["Dine in", "Take Away", "Delivery"] export function DiningMode() { return (

{modes.map((mode, index) => ( ))}

) } [V0_FILE]typescriptreact:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 142.1 76.2% 36.3%; --primary-foreground: 355.7 100% 97.3%; --secondary: 142.1 76.2% 36.3%; --secondary-foreground: 355.7 100% 97.3%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 142.1 76.2% 36.3%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="components/cart-item.tsx" isMerged="true" interface CartItemProps { title: string price: number quantity: number image: string } export function CartItem({ title, price, quantity, image }: CartItemProps) { return (

{title}

${price.toFixed(2)} {quantity}X

) } [V0_FILE]typescriptreact:file="components/order-footer.tsx" isMerged="true" interface OrderFooterProps { tableNumber: string items: number kitchen: string process?: boolean } export function OrderFooter({ tableNumber, items, kitchen, process }: OrderFooterProps) { return (

{tableNumber}

{items} Items → {kitchen}

{process &&

Process

}

) } [V0_FILE]typescriptreact:file="components/food-grid.tsx" isMerged="true" import { FoodCard } from "./food-card" const foodItems = [ { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Tasty Vegetable Salad Healthy Diet", price: 17.99, discount: 20, type: "Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Original Chess Meat Burger With Chips", price: 23.99, type: "Non Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Tacos Salsa With Chickens Grilled", price: 14.99, type: "Non Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Fresh Orange Juice With Basil Seed", price: 12.99, type: "Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Meat Sushi Maki With Tuna, Ship And Other", price: 9.99, type: "Non Veg", }, { image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-QicgA83ZI0TfZlOynDOqlhOGnbwzEv.jpeg", title: "Original Chess Burger With French Fries", price: 10.59, discount: 20, type: "Veg", }, ] export function FoodGrid() { return (

{foodItems.map((item, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/cart.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { CreditCard, QrCode, Banknote, Edit2 } from "lucide-react" const cartItems = [ { title: "Original Chess Meat Burger With Chips (Non Veg)", price: 23.99, quantity: 1 }, { title: "Fresh Orange Juice With Basil Seed No Sugar (Veg)", price: 12.99, quantity: 1 }, { title: "Meat Sushi Maki With Tuna, Ship And Other (Non Veg)", price: 9.99, quantity: 1 }, { title: "Tacos Salsa With Chickens Grilled", price: 14.99, quantity: 1 }, ] export function Cart() { const subtotal = cartItems.reduce((acc, item) => acc + item.price * item.quantity, 0) const tax = subtotal * 0.05 const total = subtotal + tax return (

Table 4

Floyd Miles

{cartItems.map((item, index) => (

{item.title}

${item.price.toFixed(2)} {item.quantity}X

))}

Sub Total ${subtotal.toFixed(2)}

Tax 5% ${tax.toFixed(2)}

Total Amount ${total.toFixed(2)}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { SidebarNav } from "../components/sidebar-nav" import { Header } from "../components/header" import { CategoryFilter } from "../components/category-filter" import { FoodGrid } from "../components/food-grid" import { Cart } from "../components/cart" import { Footer } from "../components/footer" export default function POSPage() { return (

) } [V0_FILE]typescriptreact:file="components/food-card.tsx" isEdit="true" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Minus, Plus } from "lucide-react" interface FoodCardProps { image: string title: string price: number discount?: number type: "Veg" | "Non Veg" } export function FoodCard({ image, title, price, discount, type }: FoodCardProps) { return (

{discount && (

{discount}% Off

)}

{title}

${price.toFixed(2)}

{type}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" export function Footer() { const orders = [ { table: "T1", items: 6, kitchen: "Kitchen", status: "Process" }, { table: "T2", items: 4, kitchen: "Kitchen" }, { table: "T3", items: 3, kitchen: "Kitchen" }, ] return (

{orders.map((order, index) => (

{order.table}

{order.items} Items → {order.kitchen}

{order.status &&

{order.status}

}

))}

) } 88:["$","$L8f",null,{"chatId":"xb44z2V9NEf","children":["$","$L90",null,{"data":{"@\"active-block\",\"xb44z2V9NEf\",":{"id":"b_OGVT8v67P9P","messageId":"jGrVTAJpAUpvBsGJbkr1lV4JCCjqxPW5","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"restaurant-pos","type":"code-project","project":"restaurant-pos"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"xb44z2V9NEf\",":false,"":null},"children":"$L92"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This